import Counter from '@/components/UI/Counter/Counter'
import styles from './Food.module.css'
import React from 'react'

function Food({ food,noDesc=true }) {
  return (
    <div className={styles.food}>
      <div className={styles.imgBox}>
        <img src={food.img} alt="" />
      </div>
      <div className={styles.DescBox}>
        <h2 className={styles.Title}>{food.title}</h2>
        {noDesc&&<p className={styles.Desc}>{food.desc}
        </p>}
        <div className={styles.PriceWapper}>
          <span className={styles.Price}>{food.price}</span>
          <Counter food={food} />
        </div>
      </div>
    </div>
  )
}

export default Food